<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<div id="sitebar">
    <div class="container">
        <div class="row h30 lh30 f12">
            <div class="col-lg-6">
                <a href="javascript:;" class="bootmark" rel="nofollow"><i class="icon-main icon-collect mt8 mr5"></i>收藏本站</a>
                <span>您好，欢迎您光临购物网！请</span>
                <span class="bar-link">
                        <c:if test="${user==null}">
                        <a href="${pageContext.request.contextPath}/login.jsp">登录</a>
                        </c:if>
                        <c:if test="${user!=null}">
                        <a href="${pageContext.request.contextPath}/logout.do">退出</a>
                        </c:if>
                        <a href="${pageContext.request.contextPath}/register.jsp">注册</a>
                    </span>
            </div>
            <div class="col-lg-6">
                <ul class="pull-right bar-link">
                    <li class="tel-num"><i class="icon-main icon-tel mt8 mr5"></i>8888-888-888</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--/#sitebar-->
<div id="header">
    <div class="container">
        <div class="row search">
            <div class="col-lg-4">
                <h1 class="logo"><a href="/">
                </a><img src="assets/img/logo/logo-text.png" alt="让每个人都满意！" /></h1>
            </div>
            <div class="col-lg-5">
                <form action="${pageContext.request.contextPath}/index.do" method="get" role="search">
                    <label for="txt_search" class="hidden">搜索 分类/品牌/商品</label>
                    <input id="txt_search" type="text" placeholder="输入你需要的产品" name="q" accesskey="s" autocomplete="off" autofocus="ture" x-webkit-speech="" x-webkit-grammar="builtin:translate" class="s-combobox-input" role="combobox" aria-haspopup="true" title="请输入搜索文字" aria-label="请输入搜索文字">
                    <button id="btn_search" type="submit">搜索</button>
                
                </form>
            </div>
            <div class="col-lg-3">
                <div id="my_account" class="btn-group mt30 ml50 ">
                    <button type="button" class="btn btn-radius-none btn-default dropdown-toggle f12" data-toggle="dropdown">我的账户 <span class="caret"></span></button>
                    <!--登录之前-->
                    <!-- <ul class="dropdown-menu p10 f12" role="menu">
                        <li><a href="/account/login.aspx" class="btn btn-warning btn-block">立即登录</a>新客户？<a class="blue-font" href="/account/register.aspx">免费注册</a></li>
                        <li class="divider"></li>
                        <li><a href="/member/">我的账户</a></li>
                        <li><a href="/member/order.aspx">我的订单</a></li>
                        <li><a href="#">评论已购商品</a></li>
                        <li><a href="#">为我推荐</a></li>
                    </ul> -->
                    <!--登录之后-->
                    <ul class="dropdown-menu p10 f12" style="width: 240px;" role="menu">
                        <li>
                            <div class="box-title fb"><span class="pull-right"><a href="${pageContext.request.contextPath}/member_center.jsp" class="blue-font">去我的个人中心</a></span>用户名称</div>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div class="box-title">订单状态：<span><a href="${pageContext.request.contextPath}/confirm.jsp">查看所有订单</a></span></div>
                        </li>
                        <li class="divider"></li>
                    </ul>
                </div>
                <div id="mini_cart" class="btn-group mt30 ml15">
                    <a href="${pageContext.request.contextPath}/cart.jsp" class="btn btn-radius-none btn-default dropdown-toggle f12" >
                        <i class="icon-main icon-cart ilb"></i>去购物车结算 <span class="caret"></span>
                    </a>
                    <!--购物车为空-->
                    <!--<ul class="dropdown-box" role="menu">
                        <li><i class="icon-main icon-mini-cart ilb"></i>购物车中还没有商品，赶紧选购吧！</li>
                    </ul>-->
                    <!--购物车有商品-->
                </div>
            </div>
        </div>
        <div class="navbar navbar-red" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div id="menu" class="dropdown hover-toggle">
                    <a class="navbar-brand dropdown-toggle" href="#">全部商品分类 <b class="caret"></b></a>
                    <!--data-toggle="dropdown"-->
                    <div class="clearfix"></div>
                    <ul id="categories" class="dropdown-menu">
                        <li>
                            <a href="${pageContext.request.contextPath}/list.jsp"><i class="icon-main icon-0"></i>运动 户外</a></li>
                        <li>
                            <a href="${pageContext.request.contextPath}/clothes.jsp"><i class="icon-main icon-1"></i>服装</a></li>
                        <li>
                            <a href="${pageContext.request.contextPath}/travel.jsp"><i class="icon-main icon-2"></i>旅游</a></li>
                        <li>
                            <a href="${pageContext.request.contextPath}/phone.jsp"><i class="icon-main icon-3"></i>手机 移动</a></li>
                        <li>
                            <a href="#"><i class="icon-main icon-4"></i>传真</a></li>
                        <li>
                            <a href="#"><i class="icon-main icon-5"></i>家电</a></li>
                        <li>
                            <a href="#"><i class="icon-main icon-6"></i>洗刷</a></li>
                        <li>
                            <a href="#"><i class="icon-main icon-7"></i>酒店</a></li>
                        <li>
                            <a href="#"><i class="icon-main icon-8"></i>交通 出行</a></li>
                        <li>
                            <a href="#"><i class="icon-main icon-9"></i>宝宝</a></li>
                        <li>
                            <a href="#"><i class="icon-main icon-10"></i>快餐</a></li>
                    </ul>
                </div>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav f14">
                    <li class="active"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
                    <!--<li class="dropdown"> <a href="#">Dropdown </a> </li>-->
                </ul>
                <!--<ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="./">Default</a></li>
                    <li><a href="../navbar-static-top/">Static top</a></li>
                    <li><a href="../navbar-fixed-top/">Fixed top</a></li>
                </ul>-->
            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>